<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="../../css/bootstrap.css" style="stylesheet" />
		<script src="../../js/bootstrap.js"></script>
		<title></title>		
	</head>
	
	<body>
		<ul class="nav nav-tabs" id="myTab">
			<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
			<li><a href="#news" data-toggle="tab">News</a></li>
			<li><a href="#blog" data-toggle="tab">Blog</a></li>
			<li><a href="#about" data-toggle="tab">About</a></li>
		</ul>
		
		<!--href属性的值要和后面tab-pane中的id值对应-->
		<div class="tab-content">
			<div class="tab-pane active" id="home">
				Home Page
			</div><!--tab对应的内容-->
			<div class="tab-pane" id="news">
				News Page
			</div>
			<div class="tab-pane" id="blog">
				Blog Page
			</div>
			<div class="tab-pane" id="about">
				About Page
			</div>
		</div>
		
		
	</body>
</html>
